<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择器</title>

    <style>

        .p_1{
            font-size: 20px;
            color: blue;
        }
    </style>
</head>
<body>
    <!--
        选择器：选择被 css 代码操作的标签.

        A: html 选择器，这个时候的 css 代码以 html 标签来决定作用域。
        B: class 选择器，是以 html 标签的 class 属性值作为选择器。
            注意： 为了和 html 标签选择器进行区分，用. 作为前缀。
        C: id 选择器，是以 html 标签的 id 属性值作为选择器。用 # 作为前缀。


        扩展选择器：
        A：关联选择器
            .strong p br
            #left form
        B: 组合选择器
            p, i, u, b{

            }

        伪元素选择器：
        在 html 中预先定义好的一些选择器，称为伪元素。是因为 css 的术语。
        格式： 标签名 : 伪元素。
              类名 ： 标签名
              类名 ： 伪元素  都可以

        如： a:link      超链接未点击状态
            a:visited   被访问后的状态
            a:hover     光标移到超链接上的状态（未点击）
            a:active    点击超链接时的状态

    -->


    <p class="p_1">
        学会了css，很开心
    </p>
</body>
</html>